<!--
* @fileName center.vue
* @author caoke
* @date 2022/10/18 13:58:00
* @version V1.0.0
* @description 
!-->
<template>
  <div class="container">
    <div class="w">
      <el-tabs :tab-position="tabPosition" style="min-height: calc(100vh - 52px)">
        <el-tab-pane label="会员首页">
          <center-home />
        </el-tab-pane>
        <el-tab-pane label="我的资料">
          <center-info />
        </el-tab-pane>
      </el-tabs>
      <!-- <el-menu :default-active="activeIndex" background-color="#ffffff" text-color="black" active-text-color="#F76F40">
        <el-menu-item index="1">待支付订单</el-menu-item>
        <el-menu-item index="2">待生效保单</el-menu-item>
        <el-menu-item index="3">已生效保单</el-menu-item>
        <el-menu-item index="4">已过期保单</el-menu-item>
      </el-menu> -->
    </div>

  </div>
</template>

<script>
import centerHome from "./components/center-home.vue";
import CenterInfo from "./components/center-info.vue";
export default {
  components: { centerHome, CenterInfo },
  name: "",
  data() {
    return {
      tabPosition: "left",
    };
  },
  created() {},
  methods: {},
};
</script>
<style lang='scss' scoped>
.container {
  display: flex;
  flex-direction: column;
  justify-items: center;
  width: 100%;
}
</style>